<template>
	<view class="">
		<u-popup v-model="payTypeShow" mode='center' border-radius="14">

			<view class="orderContract">
				<view class="" style="margin-top: 20rpx;">
					<view class="" style="font-size: 34rpx;text-align: center;font-weight: 600;">
						提示
					</view>
					<view class="" style="margin: 20rpx 0;text-align: center;">
						选择支付方式
					</view>
				</view>

				<view class="wechatbtn" @click="paytype(1)">微信支付</view>
				<view class="alipaybtn" @click="paytype(2)">支付宝支付</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				payTypeShow: false
			}
		},
		methods:{
			paytype(num){
				if(num == 1){
					// 微信支付
				}
				if(num == 2){
					// 支付宝支付支付
					// this.$http('order.payBroken', {
					// 	order_sn: this.insurance.order_sn,
					// 	canal: "app",
					// 	mold: "alipay"
					// }).then(res => {
					// 	if (res.code == 1) {
					
					// 		window.location.href = res.data.orderResult.expend.pay_info
					
					// 	}
					// })
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.orderContract {
	
		width: 500rpx;
		padding: 30rpx;
		background-color: #fff;
		border-radius: 20rpx !important;
	
		.wechatbtn {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			border: 2rpx solid #07c160;
			border-radius: 10rpx;
			margin-bottom: 20rpx;
			text-align: center;
			color: #07c160;
		}
	
		.alipaybtn {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			border: 2rpx solid #1677ff;
			border-radius: 10rpx;
			margin-bottom: 20rpx;
			text-align: center;
			color: #1677ff;
		}
	
		.wechatbtn:active {
			background-color: #07c160;
			color: #fff;
	
		}
	
		.alipaybtn:active {
			background-color: #1677ff;
			color: #fff;
		}
	}
	
	
</style>
